//颜色样式
@red: #ff5722;
@orange: #ff6600;
@green: #fff;
@cyan: #fff;
@blue: #38639c;
@black: #000;
@gray: #4c4c4c;
@gray4c: #42404c;
@gray33: #2c2b33;
@white: #fff;
@lightGray: #808080;
@lightB2: #b2b2b2;
@lightGrayE5: #e5e5e5;
@lightlyGray: #ccc;


//按钮样式
.layui-btn{

}
.layui-btn-primary{

}
.layui-btn-normal{
  background-color: @blue;
}
.layui-btn-warm{

}
.layui-btn-danger{

}
.layui-btn-disabled{

}





//自定义苹方字体库
@font-face {
  font-family: 'PingFangLight';
  src: url('../fonts/PingFangLight.ttf');
  src:
    url('../fonts/PingFangLight.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangLight.woff') format('woff'),
    url('../fonts/PingFangLight.ttf') format('truetype'),
    url('../fonts/PingFangLight.svg') format('svg');
}
@font-face {
  font-family: 'PingFangRegular';
  src: url('../fonts/PingFangRegular.ttf');
  src:
    url('../fonts/PingFangRegular.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangRegular.woff') format('woff'),
    url('../fonts/PingFangRegular.ttf') format('truetype'),
    url('../fonts/PingFangRegular.svg') format('svg');
}
@font-face {
  font-family: 'PingFangMedium';
  src: url('../fonts/PingFangMedium.ttf');
  src:
    url('../fonts/PingFangMedium.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangMedium.woff') format('woff'),
    url('../fonts/PingFangMedium.ttf') format('truetype'),
    url('../fonts/PingFangMedium.svg') format('svg');
}
@font-face {
  font-family: 'PingFangBold';
  src: url('../fonts/PingFangBold.ttf');
  src:
    url('../fonts/PingFangBold.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangBold.woff') format('woff'),
    url('../fonts/PingFangBold.ttf') format('truetype'),
    url('../fonts/PingFangBold.svg') format('svg');
}
@font-face {
  font-family: 'PingFangHeavy';
  src: url('../fonts/PingFangHeavy.ttf');
  src:
    url('../fonts/PingFangHeavy.eot?#font-spider') format('embedded-opentype'),
    url('../fonts/PingFangHeavy.woff') format('woff'),
    url('../fonts/PingFangHeavy.ttf') format('truetype'),
    url('../fonts/PingFangHeavy.svg') format('svg');
}

//导航样式
//.logo{position: absolute; left: 0; top: 16px;}
//.logo img{width: 100px; height: 28px;}
//
//.layui-header .layui-nav {
//  position: absolute;
//  left: 100px;
//  top: 0;
//  background: none;
//}
//.layui-header .layui-nav .layui-nav-item a{
//  color: @white;
//}
//.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after{
//  background-color: @orange;
//}
//
//.layui-side{
//  border-right: 1px solid #eee;
//}
//.layui-bg-white{
//  background-color: @white;
//}
//
//
//.layui-nav-tree .layui-nav-item a{
//  color: #333;
//}
//.layui-nav-tree .layui-nav-itemed>a{
//  color: #999!important;
//  border-bottom: 1px solid #eee;
//}
//.layui-nav-itemed>.layui-nav-child{
//  background: none!important;
//}
//.layui-nav-tree .layui-nav-itemed a:hover{
//  background: none;
//  color: @red!important;
//}
//.layui-nav-tree .layui-this{
//  background: none!important;
//}
//.layui-nav-tree .layui-this>a{
//  background: none!important;
//  color: @red!important;
//}
//
//.layui-tab-brief>.layui-tab-title .layui-this{
//  color: @red;
//}
//.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after {
//  border-color: @red;
//}
//.site-demo-title {
//  position: fixed;
//  left: 200px;
//  right: 0;
//  top: 65px;
//}
//.layui-layout-admin .site-demo-body {
//  top: 106px;
//  padding: 0;
//  bottom: 0;
//}
//
//
//.flow-default {
//  width: 100%;
//  height: 100%;
//  overflow: auto;
//  font-size: 0;
//}
//
//.flow-default li {
//  display: inline-block;
//  margin: 0 5px;
//  font-size: 14px;
//  width: 48%;
//  margin-bottom: 10px;
//  padding-top: 10%;
//  line-height: 100px;
//  text-align: center;
//  background-color: #eee;
//}
//
//
//.loading-content{
//  width: 100%;
//  height: 100%;
//  background-color: #eee;
//  text-align: center;
//}





